<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width" />
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="<?php echo base_url(); ?>template/stylesheets/foundation.css">
	<link rel="stylesheet" href="<?php echo base_url(); ?>template/stylesheets/app.css">
	<link rel="stylesheet" href="<?php echo base_url();?>css/style.css" type="text/css" media="screen" /> 
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="<?php echo base_url(); ?>template/stylesheets/ie.css">
	<![endif]-->
	<title><?php echo $title; ?></title>
	

	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<LINK HREF="<?php echo base_url(); ?>assets/jquery-ui-1.8.16.custom/css/ui-lightness/jquery-ui-1.8.16.custom.css" REL="stylesheet" TYPE="text/css">
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
		<script>
			$(function() {
				$("#yadayadadatepicker").datepicker({dateFormat: 'yy-mm-dd'});
			});
		</script>


</head>
<body>

	<!-- container -->
	<div class="container">

		<div class="row">
			<div class="twelve columns header">
				<h2><?php echo anchor(base_url() . 'index.php/home', $title); ?></h2>
				<p class="slogan"><?php echo $slogan; ?></p>
			</div>
		</div>
		